// pages/noticeInfoPage/noticeInfoPage.js
import {
  request
} from '../../request/index.js';
var app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 
    multiIndex: [],
    // 
    multiArray: [
      ['河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江',
        '江苏', '浙江', '安徽', '福建', '江西', '山东',
        '河南', '湖北', '湖南', '广东', '广西', '海南',
        '四川', '贵州', '云南', '西藏', '陕西', '甘肃',
        '青海', '宁夏', '新疆', '台湾'
      ],
      ['招标公告', '变更公告', '候选人公告', '结果公告']
    ],
    /*
    list: [{
        id: 1,
        name: '江坪河水电站五里库区移民产业路陈家村二三四组道路硬化项目招标公告',
        content: "2020-09-19"
      }, {
        id: 2,
        name: '国家电投贵溪电厂三期#2A/2B盘式除铁器换型改造招标公告',
        content: "2020-09-15"

      }, {
        id: 3,
        name: '上海电力股份有限公司2020年第25批集中[变更]招标公告',
        content: "2020-08-15"

      },
      {
        id: 4,
        name: '白鹤滩水电站库区4个蚕茧站搬迁项目招标公告',
        content: "2020-08-15"

      },
      {
        id: 5,
        name: '2020年秦三厂第三批废旧物资处理项目竞价公告',
        content: "2020-08-15"

      }
    ],*/
    // 动态渲染的数据
    list: [],
    // 选择的省份
    selectedProvince: '',
    // 选择的类型
    selectedType: '',
    // 查询参数
    QueryParams: {},
    // 查询的第几页
    page: 1,
    // 返回的数据
    returnData: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  bindMultiPickerChange: function (e) {
    this.setData({
      multiIndex: e.detail.value
    })
    this.setData({
      selectedProvince: this.data.multiArray[0][this.data.multiIndex[0]],
      selectedType: this.data.multiArray[1][this.data.multiIndex[1]]
    })
    // 清空数据
    this.setData({
      list: []
    })
    this.getNoticeList()
  },
  bindMultiPickerColumnChange: async function (e) {
    var data = {
      multiArray: this.data.multiArray,
      multiIndex: this.data.multiIndex
    };
    data.multiIndex[e.detail.column] = e.detail.value;
    this.setData(data);

  },

  // 获取公告信息
  async getNoticeList() {
    // 接口要的参数
    let QueryParams = {
      proviceName: this.data.selectedProvince,
      typeName: this.data.selectedType,
      page: this.data.page,
      limit: 10
    };
    this.setData({
      QueryParams
    })
    const res = await request({
      url: '/notice/queryPageInfo',
      method: 'POST',
      data: QueryParams
    })
    let tmps = [];
    if (res) {
      res.data.data.result.map((v, i) => {
        let tmp = {};
        tmp['name'] = v.公告标题
        tmp['time'] = v.发布时间
        tmp['id'] = v._id
        tmps.push(tmp);
      })
      this.setData({
        list: [...this.data.list, ...tmps],
        returnData: res.data.data
      })
    }
  },
  // 触底事件
  onReachBottom() {
    // 1.判断还有没有下一页
    if (this.data.QueryParams.page > this.data.returnData.totalPageNum) {
      // 没有下一页数据
      wx.showToast({
        title: '没有下一页数据了',
      })
    } else {
      // 还有下一页数据
      this.setData({
        page: this.data.page + 1
      })
      this.getNoticeList()
    }
  },
  // 响应事件
  click(e) {
    console.log(e)
    wx.navigateTo({
      url: '../noticeDetailPage/noticeDetailPage?noticeId=' + e.currentTarget.dataset.index,
    })
  }
})